<!-- 用户注册申请、引导下载软件 -->

<template>
  <div class="home">
    <van-image width="100%" height="100%" fit="fill" :src="imageUrl" />
  </div>
</template>

<script lang="ts">
import myImage from "@/assets/guidePage.png";
import { useRouter } from "vue-router";

export default {
  name: "guidePage",
  components: {},
  data() {
    return {
      imageUrl: myImage,
    };
  },
  watch: {},
  methods: {
    // 判断当前页面是在微信浏览器中打开还是在移动端本地浏览器中打开
    checkBrowser() {
      const ua = navigator.userAgent.toLowerCase();

      if (ua.indexOf("micromessenger") !== -1) {
        return "WeChat Browser"; // 微信浏览器
      } else if (ua.indexOf("mobile") !== -1) {
        return "Mobile Browser"; // 移动端本地浏览器
      } else {
        return "Desktop Browser"; // 桌面浏览器
      }
    },
  },
  created() {
    const browserType = this.checkBrowser();
    if (browserType !== "WeChat Browser") {
      // 微信打开落地页跳转引导图
      useRouter().push("/");
    }
    console.log(`当前页面在 ${browserType} 中打开`);
  },
  beforeDestroy() {},
};
</script>

<style lang="scss">
.home {
  width: 100%;
  height: 100%;
}
</style>
